
/* -------- GLOBAL STYLES --------- */
body {font-family: "lucida grande", "trebuchet ms", arial, helvetica, sans-serif; font-size: 80%; background: #FFFFFF; color:#222;}
  a {text-decoration: none; color: #0072bc;}
    a:visited		{text-decoration: none; color: #440e62;}
    a:hover			{text-decoration: underline; color: #003471;}
  h1,h2,h3,h4,h5 {font-weight: bold; line-height: 1.2; font-family: "trebuchet ms", "lucida grande", arial, sans-serif;}
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: none; border-bottom: 1px dotted;}
  h1 {font-size: 36px; color: #888; margin: 0 0 20px; letter-spacing: -0.02em;}
  h2 {font-size: 28px; color: #555; margin:0 0 15px; letter-spacing: -0.015em;}
	h2.page-title {line-height: 1;}
	h2.with-sub, h3.with-sub {margin: 0;}
  h3 {font-size: 20px; 1color: #0076a3; margin:0 0 15px; letter-spacing: -0.01em;}
  	h3.index-title {font-size: 22px; margin: 20px 0 0; padding: 0 10px 3px; 1color: #0072BC; border-bottom: 1px solid #4F93B6;}
  h4,h5 {margin: 0 0 10px; color: #666;}
	h4.section-title {font-size: 14px; font-weight: bold; text-transform: uppercase;}
  	h4.subsection-title {margin: 10px 0; padding: 5px 0; line-height: 1; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd;}

fieldset {padding: 20px 10px 10px; margin-bottom: 10px; border-top: 1px dotted #ddd;}
legend {float: left; margin:-28px 0 0 -15px; background-color:#fff; padding: 0 5px; text-align: left; font-size: 85%; text-transform: uppercase; color: #999; font-weight: bold;}
input[type=text], input[type=password], textarea { background: url('/images/input_bg.gif') repeat-x #fff; border: 1px solid #bbb; padding: 4px 6px; margin: 0; color: #666; font: 14px/1.4 arial, helvetica, sans-serif; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { background-color: #eff4d3; border: 1px solid #aaa; -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3); box-shadow: 0px 0px 5px rgba(0,0,0, 0.3); }
input[readonly=readonly] {background-color: #eee;}
select {border: 1px solid #bbb; padding: 1px; margin: 0; color: #666; background: url('/images/input_bg.gif') repeat-x #fff; font-size: 14px; font-family: arial, helvetica, sans-serif;}

table {border-collapse: collapse; width: 100%; border: 1px solid #ccc; margin-bottom: 15px; font-size: 90%; background-color: #fff; text-shadow: 1px 1px 0 #fff;}
  table thead th {background: #eee url('/images/white-btn.png') repeat-x 0 100%; border-bottom: 1px solid #ccc; border-right: 1px dotted #ccc; padding: 4px 10px; font-weight: bold;}
  table h3 {margin:0;}
  table td {border-bottom: 1px dotted #ddd;padding: 4px; text-shadow: 1px 1px 0 #fff; }
		.duplicate {font-weight:bold; color:red;}
  table tr:hover td {background: #f3f3f3;}

h2 img, h3 img, h4 img {margin-right: 2px;}

.fleft {float: left;}
.fright {float: right;}
.center {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.padded {margin: 15px 20px;}
.innerpad {padding: 15px 20px;}
.vpad {margin-top: 20px; margin-bottom:20px;}
.hpad {margin-left: 15px; margin-right: 15px;}
.nopad {margin: 0; padding: 0;}
.item-meta {font-size: .85em; color: #808080;}
.italic {font-family: georgia, sans-serif; font-style: italic; color: #808080;}
.hide {display:none;}
	
/* #body-container is the class that makes that rounded-corner white big rectangle used everywhere */	
.body-container { position: relative; z-index: 100; background: url('nav-border.gif') repeat-y 189px 0 #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0px 0px 7px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0, 0.3); box-shadow: 0px 0px 7px rgba(0,0,0, 0.3); }
	.prompt-page {background: #fff;}
.blue-box { padding: 10px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.4); background: #5395b8 url('/images/blue-box-bg.jpg') no-repeat scroll 50% 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); }
  .blue-box h4, .blue-box h3 {color: #fff;}
  .box-grey { background: #fff url('/images/white-bottom-shadow.png') repeat-x 0 100%; padding-bottom: 40px; margin-bottom: 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
  .global-padding {padding: 10px 20px 20px 10px;}
    .global-padding-home {padding-right:0; padding-top: 0;}
  .global-no-rb {border-left: 0px none !important;}
  .top-banner { margin: 15px 15px 0 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:#4F93B6 url('/images/footer-bg.png') repeat-x 0 0; color: #fff; position: relative; }
    .top-banner	h2 {color: #fff; margin:0; text-shadow: 1px 1px 0px #555;}

.ajax-loading {background: url('/images/loading.gif') no-repeat 50% 50%; float: left; width: 32px; height: 32px;}


/* ---------- MASTER INDEX LIST STYLES (HOLY GRAIL FORMAT -- THOU SHALT OBEY THIS) --------- */

/* list part */
.index-list {list-style-type: none; padding: 0; margin: 0 0 25px 0;}
  .index-list li {padding: 10px; border-bottom: 1px dotted #ddd; overflow: hidden;}
    .index-list .clickable {cursor: pointer;}
  .index-list li:hover {background-color: #F3F9E7;}

/* content part */
.index-list .icon {float: left; margin-right: 10px;}
.index-list .title {margin: 0; font-size: 14px;}
.index-list .action {float: right; width: 30%; margin: 0 0 0 10px;}
.index-list .action a {font-weight: bold;}
.index-list .box-bounty {display: block;}

	.clickable:hover .box-bounty, .clickable:hover .action a {background-color: #3CADE2; color: #fff; text-shadow: none;}
	.clickable a:hover {text-decoration: none;}

/* ---------- FLASHERS --------- */

#flash {
  position: absolute; top: 0;
  font-size: 18px; width: 100%;
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
  border-bottom: 1px solid #fff;
  text-shadow: 1px 1px 0 #fff;
  display: none;
  z-index: 1500;
  }
  .flash-notice, .flash-success, .flash-error {padding: 8px 8px 8px 30px; color: #555;}
  .flash-error { background: transparent url('/images/error_16.png') no-repeat 8px 50%; color: #ef583f; border-bottom: 1px solid #aaa; }
  .flash-notice { background: transparent url('/images/info_16.png') no-repeat 8px 50%; color: #356279; border-bottom: 1px solid #aaa; }
  .flash-success { background: transparent url('/images/tick_16.png') no-repeat 8px 50%; color: #598527; border-bottom: 1px solid #aaa; }
  a.flash-close {
    background: transparent url('/images/x.png') no-repeat 0 11px; float: right;
    display: block; text-align: right; font-size: 70%; line-height: 28px; padding-left: 12px;
    z-index: 1800;
    }

#info-bar {
	width:100%; background-color:#F4F4F4; border-bottom:1px solid #808080; color:#222; padding:7px;
	margin-bottom:10px; text-align:center; display:none;}
#info-bar .btn-close {position:absolute; display:block; height:7px; right:14px; top:14px;}
#info-bar a, #info-bar a:visited { font-weight: bold; text-decoration: underline; color: #0072bc;}


/* --------- SCREEN MESSAGE -------- */

.screen-message {
  padding: 15px 15px 5px; margin: 0px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #eee; overflow: hidden; position: relative;
  min-height: 70px; text-shadow: 1px 1px 0px #fff;
  }
  .screen-message h3 {margin: 0; line-height: 32px; padding-left: 44px; font-weight: bold; color: #333;}
  .screen-message p, .screen-message ul, .screen-message ol, .screen-message h4, .screen-message h5, .screen-message h6 {margin-left: 44px; color: #808080;}
  .screen-btn p {width: 60%;}
  .screen-alert h3 {background: url('/images/warning.png') no-repeat 0% 50%;}
  .screen-error h3 {background: url('/images/error.png') no-repeat 0% 50%;}
  .screen-info h3 {background: url('/images/info.png') no-repeat 0% 50%;}
  
  .screen-message .leo-btn {
  
  }
  .screen-message .leo-btn:active {bottom: 14px;}

  .screen-message .btn-close {position: absolute; display: block; height: 7px; right: 5px; top: 5px;}
	.screen-message .btn-close img {display: block;}

.errorExplanation {color:#8a1f11; border:1px solid #fbc2c4; background-color:#fbe3e4; padding:15px; margin:0 10px 15px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.errorExplanation h2 {color:#8a1f11; font-size:16px; margin-bottom:10px;}
.errorExplanation ul {margin: 0; padding: 0; list-style: none;}
.errorExplanation li {background:transparent url(/images/x.png) no-repeat 0 5px; margin-left: 10px; padding: 0 0 4px 16px;}


/* ---------- TABBED NAVIGATION --------- */

.tab-nav {list-style-type: none; padding:0; margin: -26px 10px 0 10px;}
  .tab-nav li {float: left; margin: 0 2px;}
  .tab-nav li a {display: block; padding: 0 1em; line-height: 25px; background-color: #4f93b6; font-weight: bold; color: #fff; border: 1px solid #4f93b6; border-bottom: 0;
	-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
  .tab-nav li.current a, .tab-nav li a:hover {background: #fff url('/images/box-white-bg.png') repeat-x 0 0; color: #4f93b6; border: 1px solid #4F93B6; border-bottom: 0; text-decoration: none;}

.tab-bar {display: block; list-style-type: none; padding:0; margin: 0 0 15px 0; border-bottom: 1px solid #ccc;}
	.tab-bar li {float: left; margin: 0 5px -1px 0;}
	.tab-bar a img {vertical-align: middle; margin-right: 2px;}
	.tab-bar li a {display: block; padding: 0 1em; line-height: 26px; background-color: #4f93b6; font-weight: bold; color: #fff; border: 1px solid #ccc; border-bottom: 0;
		-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
	.tab-bar li.current a, .tab-bar li a:hover {background: #fff url('/images/box-white-bg.png') repeat-x 0 0; color: #4f93b6; text-decoration: none;}
	

/* --------- BOXES -------- */

.box-emboss {border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; background-color: #eee; text-shadow: 0 1px 0 rgba(255,255,255,0.9);
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
  -moz-box-shadow: 0 4px 6px #fff inset; -webkit-box-shadow: 0 4px 6px #fff inset; box-shadow: 0 4px 6px #fff inset;}
.box-main {border: 1px solid #4F93B6; padding: 15px; margin-bottom: 20px; background-color: #80C3DA; color: #366881;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  -moz-box-shadow: 0 4px 6px rgba(255,255,255,0.3) inset; -webkit-box-shadow: 0 4px 6px rgba(255,255,255,0.3) inset; box-shadow: 0 4px 6px rgba(255,255,255,0.3) inset;}
  .box-main a, .box-main h1, .box-main h2, .box-main h3, .box-main h4 {color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.75);}
.box-light {background-color: #eee;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.box-bounty {margin:0; text-align: center; padding: 6px 8px; display: inline-block; color: #444; background-color: #ddd; overflow: hidden; text-shadow: 1px 1px 1px #fff;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;font-weight:bold;font-size:16px;}


/* ---------- TOP BAR - the top bar with menu, login/logout and user details ---------- */

#login-bar { height: 60px; color: #ABDCF2; z-index: 900;}
  #header-logo {margin: 10px 0 0 0; float: left;}
  #header-logo h1 {float: left; margin:0;}
    #header-logo h1 a {display: block; width: 193px; height: 40px; text-indent: -9999em; background: transparent url('../media/logo.png') no-repeat scroll 0 0;}
	#header-logo h1 a:hover {border-bottom: none;}
    #header-logo h1 a:focus {outline: 0px none;}
      .flags {float: left; height: 11px; line-height: 1; font-size: 12px; font-weight: bold; margin: 7px 10px 0 5px; font-style: italic; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,0.65); padding-left: 19px; background:transparent url('/images/flags.gif') no-repeat scroll 0 0;}
		.malaysia, .en {background-position:0 0;}
		.vietnam, .vn {background-position:0 10%;}
		.indonesia, .id {background-position:0 20%;}
		.philippines, .ph {background-position:0 30%;}
		.thailand, .th {background-position:0 40%;}
		.singapore, .sg {background-position:0 50%;}
		.myanmar, .kh {background-position:0 60%px;}
		.laos, .la {background-position:0 70%;}
		.brunei, .bn {background-position:0 80%;}
		.cambodia, .ca {background-position:0 90%;}
	
/*
Unused top login styling
.global-login {float: right; margin: 10px 0 0 0;}
.global-login form {float: right;}
  .global-login input[type=text], .global-login input[type=password] {font-size: 12px; margin: 0 5px 5px 0; float: left; border: 1px solid #999; width: 140px;}
*/

.global-login {margin-top: 10px; max-width: 340px; position: relative; z-index: 800;}
	.global-login .welcoming {padding: 4px 167px 0 0; text-align: right; line-height: 1.2;}
		.global-login .welcoming a {color: #fff; font-weight: bold; }

  #login-box-wrap {float:left; position: relative;}
    #login-box {
        display: none; position: absolute; width: 250px; background-color: #fff; color: #222; padding: 15px; text-align: left; right: 0; top: 25px; background-color: #fff;
  		-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
	  #login-box input[type=text], #login-box input[type=password] {width: 230px;}
	  #login-box p {overflow: hidden;}
	  
	  .btn-box-signup {width: 100px;}
/*
#global-topbar {color: #fff; margin: 0 auto; position: relative; z-index: 400;}
  #global-topbar a {color: #fff; font-weight: bold;}
*/
  
  #top-main-nav { list-style-type: none; margin: 3px 0 0 15px; padding:0; font-weight: bold; line-height: 24px; float: left; }
    #top-main-nav li {float: left; margin-right:5px;}
    #top-main-nav li a {
      display: block; padding: 2px 16px 0; background: #4f93b6 url('/images/sidebar-current-bg.png') no-repeat 50% 0;
      -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
      border: 1px solid #a7d2e8; border-bottom: 0px none; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); outline: none;
      }
      #top-main-nav li a:hover { text-decoration: none; border-color: #fff; -moz-box-shadow: 0 0 10px rgba(255,255,255,0.6); }
    #top-main-nav li.current a {background: #fff; color: #0072bc;text-shadow: 1px 1px 0 #fff;}
    #top-admin-tab {
      float: right; margin: 3px 4px 0 0; position: relative; z-index: 200;
      line-height: 24px; padding: 2px 30px 0 16px; background: #b20000 url('/images/bullet_arrow_down.png') no-repeat 95% 50%;
      -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
    }
    #top-admin-tab:hover {
      background-color: #b20000;
      -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
      border: 1px solid #fff; border-bottom: 0px none; margin: -3px 4px -3px; line-height: 32px;
      }
      #top-admin-popup {
        display: none; background-color: #b20000; position: absolute; padding: 10px 10px;
        -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
        border: 1px solid #fff; border-top: 0px none; line-height: 1; right: -1px; left: -1px;
        }
      #top-admin-tab:hover #top-admin-popup {display: block;}
      
    #top-user-tab {
      float: right; margin: 3px 0 0 0; position: relative; z-index: 200;
      line-height: 24px; padding: 2px 30px 0 16px; background: #4f93b6 url('/images/bullet_arrow_down.png') no-repeat 95% 50%;
      -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
      }
    #top-user-tab:hover { border: 1px solid #fff; border-bottom: 0px none; margin: -3px -1px -3px; line-height: 32px; background-color: #5eaed7;
      -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
      }
    #top-user-popup {
      display: none; background-color: #5eaed7; position: absolute; padding: 10px 10px 6px;
	  border: 1px solid #fff; border-top: 0px none; line-height: 1; right: -1px; left: -1px;
      -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
      }
      #top-user-popup img {float: left; margin-right: 5px;}
    #top-user-tab:hover #top-user-popup {display: block;}
    #top-user-rewards {
      padding: 10px 5px; width: 65px; float: left; min-height: 40px; background: #222 url('/images/counter-bg.png') repeat-x 0 0;
      text-align: center; font-size: 16px; line-height: 18px;
	  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
      }
      #top-user-rewards small {font-size: 11px; color: #ddd;}
      .btn-top-user {margin: 10px 0 4px;}

/* global search */

.global-search {margin: 0px 0 10px; float: right; border-bottom: 1px dotted #ddd; width: 100%; padding-bottom: 15px;}
  .global-search input {float: right; margin-left: 10px;}
  .global-search input[type=text] {font-size: 18px; padding: 4px; width: 200px; border-color: #bbb;}

.sidebar-search {margin: 20px 0;}
  .sidebar-search-form input[type=text] {color: #808080; font-size: 12px; width: 150px;}									
	
	h3.home-title {font: normal normal 16px/24px "trebuchet ms", "lucida grande", arial, helvetica, sans-serif; color: #fff; float: left; /* IE fix --> */ display: inline; width: 300px; height: 24px; text-indent: -9999em; background: url('/images/home-title.png') no-repeat 0 50%; text-shadow: 0 1px 1px rgba(0,0,0,0.75); float: left; text-transform: uppercase; letter-spacing: -1px; margin: 0;}
	h3.home-title a {background-color: #7DC2E9; background-color: rgba(255,255,255,0.35); text-indent: 0; /* IE fix --> */ display: inline; padding: 0 10px; letter-spacing: 0; margin-left: 5px; float: right; text-shadow: none; font-size: 75%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
		h3.home-title:hover a {border-bottom: 0 none; background-color: #ABDCF2; background-color: rgba(255,255,255,0.75	);}
 	
	#signup-box-left {width: 50%; float: left; margin-right: 20px; border-right: 1px dotted #bbb;}
	#signup-box-right {float: left; width: 40%;}
	
	#global-user-bar {background: #4f93b6 url('/images/userbar-bg.png') repeat-x 0 0; -moz-border-radius: 0 0 6px 6px; padding: 4px 4px 4px 12px; position: absolute; top: 0px; right: 70px;}

	.sl-left {float: left; width: 49%;}
	.sl-right {float: right; width: 49%;}

/* -------- GLOBAL FOOTER -------- */

#footer { color: #777; text-shadow: 0 1px 0 rgba(255,255,255, 0.8); margin: 20px auto;}
  .footer-title {text-shadow: 0 1px 0 rgba(0,0,0, 0.3); color: #fff; line-height: 1;}
  .country-links {margin-bottom: 15px; float: left; width: 50%;}
  .country-links span {font-weight: bold; font-style: italic; font-size: 14px; padding-right: 10px;}
  .country-links a {border: 1px solid #CAE4F3; padding: 2px 3px 0 3px;}
  .country-links a:hover {border: 1px solid #4F93B6;}
  #footer .footer-nav {padding: 3px; margin-bottom: 15px; width: 46%; float: right; text-align: right; font-weight: bold;}
  #footer .credit {font-size: 0.85em;}

/* -------- GLOBAL SIDEBAR -------- */

#sidebar {padding: 15px 0 10px 15px;}
	h4.sidebar-menu-title {margin: 15px 0; border-bottom: 1px solid #ddd; padding: 0 10px 5px 0; text-align: center; text-transform: uppercase;}

/* NORMAL USER SIDEBAR */

#wallet {background-color: #3CADE2; color: #fff; cursor: pointer; display: block; margin: 0 15px 20px 0; text-shadow: none;}
	#wallet p {margin-bottom: 0;}
	#wallet .item-meta {color: #ddd;}
	#wallet strong {font-size: 140%; display: block; line-height: 1; margin-top: 10px; color: #fff; 1text-shadow: 0 0 1px #000; font-family: helvetica, sans-serif; font-weight: normal;}
	.wallet-expand {display: none;}

#sidebar-nav {list-style-type: none; padding:0; margin: 0 0 20px 0;}
	#sidebar-nav ul	{list-style-type: none; padding:0; margin: 0;}
	#sidebar-nav li	{}
	  #sidebar-nav li .new-notice {position: absolute; right: -3px; color: #fff; background-color: #C00; font-weight: bold; padding: 0 5px;}
	#sidebar-nav li a:hover {text-decoration: none;}
	  .sidebar-menu:visited {color: #555;}
		.sidebar-menu:hover {color: #222; background-color: #e4eef1;}
	#sidebar-nav li.current {background-color: #4F93B6;font-weight: bold; color: #FFF;text-shadow: 0 1px 1px #000;
	  -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;}
	  #sidebar-nav li.current .sidebar-menu {color: #fff; background-color: transparent;}
	  #sidebar-nav li.current .sidebar-menu:hover {background-color: rgba(255,255,255,0.2);}
	#sidebar-nav li.scurrent .sidebar-submenu {font-weight: bold; background: #d5e5eb; text-shadow: 1px 1px 0 #fff; color: #222;}
	.sidebar-menu				{
	  display: block; line-height: 16px; padding: 6px 8px 6px 28px; background-repeat: no-repeat; background-position: 6px 6px; color: #555;
	  -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
	  }
		.sidebar-submenu	{
		  margin-left: 20px; padding-left: 15px; font-size: 90%;
		  -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
		  }
		.sidebar-submenu:hover {background: #e4eef1;}
		.sidebar-surveys {background-image: url('/images/chart_bar_16.png');}
		.sidebar-campaign {background-image: url('/images/world_link_16.png');}
		.sidebar-contest {background-image: url('/images/coins_16.png');}
		.sidebar-community {background-image: url('/images/user_comment_16.png');}
		.sidebar-shoutout {background-image: url('/images/comments.png');}
		.sidebar-home {background-image: url('/images/house_16.png'); position: relative;}
		.sidebar-invite {background-image: url('/images/group_add.png');}
		.sidebar-help {background-image: url('/images/support.png');}

.help-center-title {margin: 0; padding: 5px; background-color: #ddd; text-align: center; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; border-radius:4px 0 0 0;}		
	.help-center h5 {padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
	.help-center h5 a {outline: none;}
	.box-side {padding: 10px 15px 5px 10px; background-color: #eee; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;}
	.box-side p, .box-side li {font-size: 0.9em; color: #808080;}
	.box-side ul, .box-side ol {padding-left: 1.5em;}

/* ---------- ADMIN SIDEBAR ---------- */

  	#admin-sidebar		{padding:0; margin:15px 0;}
  	#admin-sidebar ul	{list-style-type: none; padding:0; margin:0;}
  	#admin-sidebar li	{}
  	#admin-sidebar li.current {
  	  background-color: #ec5357;
  	  font-weight: bold; color: #FFF;
  	  text-shadow: 0 1px 1px #000;
	  -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.3) inset; -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.3) inset; box-shadow: 1px 1px 0 rgba(0,0,0,0.3) inset;
  	  -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
  	  }
  	  #admin-sidebar li.current .sidebar-menu { color: #fff; background-color: transparent; }
  	  #admin-sidebar li.current .sidebar-menu:hover { background-color: rgba(255,255,255,0.2); }
  	#admin-sidebar li.scurrent .sidebar-submenu {font-weight: bold; background: #d5e5eb; text-shadow: 1px 1px 0 #fff; color: #222;}

	#user-sidebar			{margin-bottom: 20px;}
		.usercard-userimg	{width: 26px; height: 26px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-position: 50% 50%; background-color: #ddd; margin-right: 8px;}
		.usercard-userinfo	{line-height: 1.3; font-size: 90%; float: left; width: 100px;}
		.usercard-userinfo strong {font-size: 140%; line-height: 1; padding: 5px 0; display: block;}
		.usercard-rewards		{margin-right: 15px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ddd; padding: 8px; margin-top: 10px; color: #444; text-shadow: 1px 1px 1px #fff;}
			.usercard-rewards h4 {margin: 0; font-weight: bold; text-transform: uppercase;}
			.usercard-rewards strong {font-size: 160%; text-align: center; display: block; line-height: 1; margin-top: 10px;}
			.usercard-rewards small {display: block; text-align: center; font-size: 90%; margin-bottom: 10px;}


/* ---------- VICE SIDEBAR (RIGHT) --------- */	

#vice-sidebar .side-counter {background-color: #3CADE2; margin: 0 15px 10px; padding: 5px; color: #eee; font-size: 80%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	#vice-sidebar .side-counter p {font-family: helvetica; overflow: hidden; line-height: 1; padding-top: 5px; font-size: 180%; letter-spacing: -0.5px; margin: 0;}
	
#vice-sidebar {background-color: #eee; padding-top: 15px; -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;}
	#vice-sidebar h4 {padding: 5px; background-color: #ddd; text-align: center;}
	#vice-sidebar p {font-size: 90%;}
		.side-about p {padding: 0 15px; margin-bottom: 20px;}
	#user-wallet, #total-user {text-align: center;}
		#user-wallet p {padding: 0 15px;}
		#user-wallet strong {font-size: 120%;}
	#total-user {margin-bottom: 10px;}
		#total-user strong {font-size: 160%;}

	#fb-friendpile {padding: 0 15px 20px;}
	
#latest-rewarded ul {margin: 0; padding: 0 15px 15px; list-style: none;}
	#latest-rewarded p {margin-bottom: 5px;}
	#latest-rewarded li { margin-bottom: 15px; overflow: hidden;}
		#latest-rewarded li .latest-user-image {float: left; margin: 0 1px 1px 0;}


/* --------- USER PROFILE --------- */

.profile-side {float: left; margin-right: 1%; width: 195px; overflow: hidden; text-align: center; color: #808080;}
.profile-side .user-card-points {text-align: center; margin-bottom: 8px; color: #444; background-color: #ddd; overflow: hidden; text-shadow: 1px 1px 1px #fff; padding: 10px 0;
								 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.profile-side p {margin-bottom: 5px;}
	.profile-side img {max-width: 195px; height: auto; margin-bottom: 8px;}
.profile-info {float: right; width: 71%; position: relative;}
	.profile-info h3 {display: inline-block;}
    .profile-info h3 span {color: #808080; font-size: 80%; font-weight: normal;}
	.profile-info .verified {background: url('/images/tick_16.png') no-repeat 4px 0 #ddd; font-size: 11px; line-height: 16px; text-shadow: 0 1px 0 rgba(255,255,255,0.75); text-transform: uppercase; padding: 0 6px 0 24px;
 							 -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.profile-info .unverified {background: url('/images/x.png') no-repeat 4px 4px #ddd; font-size: 11px; line-height: 16px; text-shadow: 0 1px 0 rgba(255,255,255,0.75); text-transform: uppercase; padding: 0 6px 0 16px;
	 						 -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.profile-info .links {float: left; margin-right: 6px;}

.profile-menu {position: absolute; right: 0; top: 0; z-index: 700; overflow: hidden; width: 160px; background-color: #4F93B6; line-height: 1; border: solid 1px #0076a3; color: #e8f0de;
			   -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;}
	.profile-menu .btn-profile {color: #d9eef7; outline: none; cursor: pointer; text-decoration: none; display: block; margin: 0; text-align: left; font-weight: bold; padding: .5em 1.5em .55em 1em; text-shadow: 0 1px 0 rgba(0,0,0,.3);
							background: #0095cd url('/images/down.png') no-repeat 94% 50%; -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;}
	.profile-menu .btn-profile:hover {background-color: #007ead;}

#profile-actions {padding: 0; margin: 0; list-style: none; display: none; text-align: right; background-color: #fff; z-index: 600; -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;}
	#profile-actions li.user-box {padding: 10px; color: #0095cd;}
	#profile-actions li.user-box a {padding: 0; position: relative; margin: 0 5px; float: right;}
	#profile-actions li.user-box img.fb-session {position: absolute; float: none; margin: 0; border: 0 none; bottom: -4px; left: -4px;}
	#profile-actions li.user-box img {float: right; border: 1px solid #0095cd;}
	#profile-actions li a {display: block; font-weight: bold; padding: .6em 1.4em; color: #0095cd;}
	#profile-actions li a:hover {background-color: #0095cd; color: #fff; text-decoration: none;}
	#profile-actions li.cashout-disabled {color: #999; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-align: right; display: block; font: normal bold 12px/100% Arial, Helvetica, sans-serif; padding: .6em 1.4em;}

#badges {list-style: none; padding: 0; margin: 20px 0 0;}
	#badges li {float: left; margin-bottom: 20px; width: 25%; display: inline; white-space: nowrap; text-align: center;}
	.badges img {display: block; margin: 0 auto 3px;}
	.badges span {display: inline-block; background-color: #99D8E8; padding: 0 7px; font-size: 0.85em; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.35); box-shadow: 0 1px 0 rgba(0,0,0,0.35); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color: #1D6382;}

.catname {font-size: 70%; display: inline-block; padding: 0 4px; margin: 0 5px 5px 0; background: #e1e5f2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #cfd7df; color: #808080; }

ul.clickcap { overflow: hidden; padding: 5px 0; margin: 0; }
.index-list li:hover ul.clickcap { background: #ddd; }
.index-list li:hover ul.clickcap li { background: transparent; }
ul.clickcap li { float: left; width: 20%; border: 0 none; border-left: 1px dotted #ccc; text-shadow: 1px 1px 1px #fff; height: 60px; padding: 2%; font-size: 9px; line-height: 1.2; color: #808080; }
ul.clickcap li:first-child { border: 0 none!important; }
ul.clickcap li:first-line { display: block; font-size: 18px; color: #444; letter-spacing: -1px; margin-bottom: 5px; }

/* Ticks on user avatars to signify that they are verified */
.userTick {position:absolute; top: -4px; left: -4px; width:16px; height:16px; background:transparent url(/images/tick_16.png) no-repeat scroll 0 0;}
#notification-settings {width: 74%; margin: 0; padding: 0; list-style: none;}

/* Transaction */
.trans-filter               {text-align: left; line-height: 24px; margin-top: 10px; font-size: 11px;}
#transaction-table          {margin: 10px 0; border: 1px solid #ddd; border-bottom: 0px none; border-right: 0px none;}
#transaction-table td, #transaction-table th {padding: 5px;}
#transaction-table td       {border-bottom: 1px solid #ddd; background: #fff; border-right: 1px solid #ddd; text-shadow: none;}
#transaction-table tr:hover td {background: #888; color: #fff;}
.trans-id                   {width: 30px; text-align: center; float: left; margin-right: 3px; text-transform: uppercase; font-size: 7px; color: #fff; background: #383838; padding: 2px; font-family: arial, helvetica, sans-serif;}
.trans-cash                 {background: #598527;}
.trans-prize                {background: #9e0b0f;}

/* Referral */

.fake-textarea {width: 340px; height: 180px; background: url('/images/input_bg.gif') repeat-x #fff; overflow-y: scroll; border: 1px solid #bbb; padding: 4px 6px; margin: 0; color: #808080; font: 12px/1.4 arial, helvetica, sans-serif;}
#recipient_list {width: 340px; height: 34px;}

/* ADMIN */

div.unsuspend { position: fixed; width: 25%; left: 37.5%; top: 35%; background-color: #fff; border: 5px solid #3CADE2; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }

/* --------- FORM GENERAL --------- */

.form-pages form {width: 100%;}
.form-pages fieldset {padding: 20px 10px;}
.form-pages legend {float: left; margin:-28px 0 0 -10px; background-color:#fff;}
.form-pages p {margin-bottom: 10px; overflow: hidden;}
.form-pages label {width: 25%; float: left; display: inline; text-align: right; margin-right: 1%; }
  .form-pages label span {display: block; font-size: 0.85em; color: #999; line-height: 1.4;}
  .form-pages input[type=password],.form-pages input[type=text],.form-pages input[type=file],.form-pages textarea {width: 46%;}
  .form-pages textarea.txt-small {height: 100px;}
  .form-pages textarea.txt-med {height: 150px;}
  .form-pages textarea.txt-big {height: 200px;}
input.form-error, select.form-error	{border: 1px solid #9e0b0f; color: #9e0b0f; background-color: #ffddde;}
input.form-error:focus {border: 1px solid #9e0b0f; color: #9e0b0f; background-color: #ffddde; -moz-box-shadow: 0px 0px 10px rgba(255,0,0,0.5);}
input.form-ok {border: 1px solid #598527; color: #598527; background: #eff4d3 url('/images/tick_16.png') no-repeat 98% 50% !important;}
select.form-ok	{border: 1px solid #598527; color: #598527; background: #eff4d3;}
input.form-ok:focus {border: 1px solid #598527; color: #598527; -moz-box-shadow: 0px 0px 10px rgba(89,133,39,0.5);}
#form-pages-error {display: none; height: 32px; padding: 10px 10px 10px 50px; background: #FBE3E4 url('/images/error.png') no-repeat 10px 10px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
  #form-pages-error h3 {margin:0;line-height: 32px;}

#recaptcha_area label {width: auto; float: none;}


/* -------- LANDING PAGE --------- */

#landing-page {margin-top: 60px;}


/* -------- HOME PAGE SPECIFICS --------- */

/* Home Page Master Reward List */
#master-reward-list {border-top: 1px solid #ddd;}
#master-reward-list li {cursor: pointer;}
#master-reward-list li:hover .reward-action a {background-color: #3CADE2; color: #fff; text-shadow: none;}
#master-reward-list .reward-action a:hover {text-decoration: none;}

.reward-type {float: right; font-size: 70%; padding: 2px 8px; background: #e1e5f2; -moz-border-radius: 4px; -webkit-border-radius: 4px;
				border-radius: 4px; border: 1px solid #cfd7df; color: #777; margin-left: 10px;}
	.reward-image {float: left; margin-right: 10px;}
	.reward-action {width: 30%; float: right; font-size: 85%; line-height: 1;}
	.reward-action a {margin:0; display: block; text-align: center; font-weight: bold; padding: 8px; color: #444; background-color: #ddd; overflow: hidden; text-shadow: 1px 1px 1px #fff;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.reward-info {float: left; width:60%;}
	.reward-info h5 {margin:0; font-weight: normal;}
	.reward-info p {font-size: 95%; margin:0; color: #777;}

#fb-signup {background: url('/images/fb-signup.gif') no-repeat 100% 0; position: relative;}
	#fb-signup h2 {border-bottom: 1px solid #999;}
	.box-fb-connect {width: 50%; float: left;}
	#fb-signup .existing-login {padding-left: 40px;}
	#fb-signup .new-account {padding-right: 0;}
	#fb-signup h4 {margin-bottom: 20px;}
	#fb-signup label {width: 36%; line-height: 26px;}
	.separator {position: absolute; left: 53%; top: 16%; border-left: 1px solid #ccc; width: 0; height: 84%;}
	.separator span {margin-left: -10px; margin-top: 140px; display: block; font-size: 160%; color: #ccc; font-weight: bold; width: 20px; text-align: center; background-color: #fff; padding: 10px 0;}

.banner-ad {float: left; display: inline; width:49%; cursor: pointer;}
	.cashout {margin-right: 2%;}
	.banner-ad p {margin: 5px 0; padding: 10px 10px 10px 0; height: 84px; background-color: #ABDCF2; font-size: 0.9em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.banner-ad img {margin-top: -15px; float: left;}
	.banner-ad p a {font-weight: bold;}
	.banner-ad:hover p, .banner-ad:hover a {background-color: #3CADE2; text-decoration: none; color: #fff;}

#session-page-js {position: relative; width: 600px;}
	#session-page-js .separator {left: 55%; height: 100%; top: 0;}
	.combo-login {float: left;}
	#signup-combo {width:50%; padding-right: 5%;}
	#login-combo {width:40%; padding-left: 5%;}

.fb-connect {display: block; margin: 1px 0 25px; width: 150px; height: 23px; text-indent: -9999em; background: url('/images/signin_facebook.png') no-repeat 0 0;}
	.fb-connect:hover {background: url('/images/signin_facebook.png') no-repeat 0 50%;}
	.fb-connect:active {background: url('/images/signin_facebook.png') no-repeat 0 100%;}
	
/* Home Footer */

#home-footer {background: #fff; font-size: 90%; border-top: 5px solid #eee; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
	#clients .sponsors-logo {background: url('/images/sponsor-logo.png'); width: 270px; height: 210px;}
	#friendpile, #clients, #youthasia {padding: 20px;}
	#youthasia ul {padding: 0; margin: 0 0 20px 0; list-style: none;}
	#youthasia li {padding: 5px 10px; border-bottom: 1px solid #ddd;}
	#youthasia li a {font-weight: bold;}
	
.ya-links {float: left; width: 42%; padding-left: 8%; padding-bottom: 5px;}
	.fblog {background: url('/images/feed.png') no-repeat 0 0;}
	.ftwitter {background: url('/images/twitter.png') no-repeat 0 0;}
	.fpage {background: url('/images/facebook.png') no-repeat 0 0;}
	.fphone {background: url('/images/phone.png') no-repeat 0 0;}

/* --------- YOUTH ANSWERS / COMMUNITY --------- */

#form-question h3 {margin: 0 0 10px 0; font-weight: bold; color: #333; text-shadow: 1px 1px 0 #fff;}
#form-question h4 {margin: 15px 0 0 0; font-weight: bold;}c
#form-question input[type=text] {color: #999; float: left; margin:0; font-size: 16px; width: 530px; }
#form-question-popup {display:none;}
#form-question-popup p {margin-bottom: 5px;}
#form-question-catlist {list-style-type: none; margin: 10px; padding: 0;}
#form-question-catlist li {float: left; width: 25%; line-height: 1.8;}
#form-question-catlist input[type=checkbox]	{margin:0 5px 0 0; padding:0;}
#question-desc {width: 680px; height: 200px;}
#question-tip {display: none; font-size: 11px; color: #808080; margin-top: 5px;}


/* --------- QUESTIONS --------- */

.spam {margin: 0 15px 0 0; font-size: 11px; width: 60px;}
.spam-icon {padding-left: 11px; background: url('/images/report-spam.png') no-repeat 0 50%;}
.question-show-img {float: left;}
.question-show-content {width: 90%; float: right; margin: 0;}
.question-show-content h2 {text-shadow: 1px 1px 0 #fff; font-weight: bold; font-size: 22px; margin-bottom: 10px;}
.question-show-content blockquote {font-style: normal; margin: 0 10px 20px 0; padding: 0 0 0 7px; border-left: 3px solid #ddd;}
	.question-show-detail {color: #808080; float: left; width: 48%;}
	.question-show-meta {color: #808080;}
	.question-show-meta .leo-btn {margin-left: 10px;}
	.question-show-meta .box-bounty {float: right; line-height: 1; margin-right: 5px;}
	.question-show-meta strong {font-size: 160%; display: block;}
	.like-status span {margin-left: 5px; padding-left: 4px; border-left: 1px solid #bbb;}
	.like-status .vote-up {margin-bottom: 5px;}

.question-list-avatar {width: 10%; position: relative;}
.question-list-detail {float:left; width: 90%;}	
.question-list-stat {float: right; margin: 0 0 0 10px; color: #808080;}
  .question-list-stat .box-bounty {float: right; line-height: 1; margin-left: 5px;}
  .question-list-stat strong {font-size: 120%; display: block;}
.post-answer-box {float: right; width: 90%; margin: 25px 0 0; border-top: 1px dotted #ccc; padding: 10px 0;}
  .post-answer-box h4 {margin-bottom: 5px;}
  .post-answer-box textarea {width: 476px; height: 18px;}

.answer-person {margin: 0 15px 0 0; width: 60px; position: relative;}
.answer-content {width: 624px;}
.answer-content p { margin: 0;}
.answer-comment {width: 460px; float: left; margin-top: 10px;}
.answer-meta .box-bounty {float: left; display: inline; margin-left: 5px;}
  .answer-comment textarea {height: 18px; width: 450px; font-size: 12px; padding: 2px 4px;}
  .answer-comment .leo-btn {margin: 5px 0;}
	.answer-comment-list ul {margin: 10px 0 0; padding: 0; border-top: 1px dotted #bbb;}
    .answer-comment-list li {font-size: 90%; padding: 7px 0 7px 20px; border-top: 1px dotted #ddd; border-bottom: 0 none;}
	  .answer-comment-list li:hover {background-color: #F3F9E7;}
	  .answer-list li:hover {background-color: #FFF;}
	  .answer-comment-list li:first-child {border-top: 0 none;}
	.answer-comment-list li p {margin: 0;}


/* ---------- SHOUTOUT ---------- */

.shoutout-usercard {float: left; width: 8%; margin-right: 2%;}
.shoutout-postform {float: right; width: 85%; padding: 15px 2%;}
	.shoutout-postform textarea {width: 97.5%; height: 36px;}
	#shoutout-length {float: right; font-size: 24px; line-height: 1; font-weight: bold; color: #ccc;}
	#shoutout-post p {margin: 5px 0; text-shadow: 1px 1px 0 #fff;}
	#shoutout-gift {display: none; margin: 10px;}
	
	.shoutout-img {float: left; width: 10%;}
	.shoutout-time {font-style: italic;}
	.shoutout-msg {float: left; width: 90%;}
	.reply-shout { padding-left: 16px; background: url('/images/reply.png') no-repeat 0 2px; margin-right: -999em; margin-left: 15px;}
	li:hover .reply-shout {margin-right: 10px;}
     
   .shoutout-gift-list {list-style-type: none; padding:0; margin:0 0 10px 0;}
     .shoutout-gift-list li {float: left; position: relative; padding: 4px; background: #fff; border: 1px solid #ccc; margin: 4px;}
     .shoutout-gift-list li:hover {cursor: pointer; border-color: #222;}
       .shoutout-gift-list li.gift-selected {
         background: #5395b8 url('/images/blue-box-bg.jpg') no-repeat scroll 50% 0; color: #fff; border: 1px solid #444;
         -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
       }
     .shoutout-gift-list input {position: absolute; z-index: 300;}
     .shoutout-gift-list li img {position: relative; z-index: 400; display: block; margin:0 0 4px 0;}
     .shoutout-gift-img {line-height: 1; float: right; text-align: center; font-size: 80%; font-weight: bold; color: #666; width: 48px; text-transform: uppercase;}
     .shoutout-gift-img img {width: 48px; height: auto; display: block;}
     .gift-meta {display: block; text-align: center; font-size: 80%; font-weight: bold; line-height: 1;}

#shoutout-viewmore {display: block; padding: 5px; text-align: center; margin: 15px 0; border: 1px solid #ddd; background-color: #eee;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.viewmore-loading {background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: 37% 50%;}
.nomore {margin: 15px; text-align: center; color: 808080;}


/* ---------- POLLS --------- */
  
.poll-postform {}
  .poll-postform textarea {height: 100px; margin: 0;}
.poll-answer-choice {list-style-type: none; padding:0; margin:0 0 15px 0;}
  .poll-answer-choice li {padding: 8px; margin: 0 0 3px 0; cursor: pointer; background-color: #eee; overflow: hidden;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.poll-answer-choice li:hover {background-color: #ddd;}
	.poll-answer-choice li input {float: left;}
	.poll-answer-choice li label {float: left; width: 300px; margin-left: 5px;}

.profile-poll-item .poll-action {float: right; margin: 0 0 0 10px; color: #808080; text-align: right;}

#poll-answers {margin: 0; padding: 0; list-style: none;}

.poll-form-media .poll-video input {height: 54px;}

/* Admin */

.table-mass-moderate {
  text-align: right; border: 1px solid #ccc; border-bottom: 0px none;
  background: #eee; padding: 6px 10px; float: right;
  -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
}

td.figures {text-align: center; font-size: 130%; color: #555; font-weight: bold;}

.form-mass-action {
  float: right; width: 360px; text-align: right; line-height: 24px; background: #ccc; padding: 5px 5px 6px; text-shadow: 1px 1px 0 #fff;
  -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; 
  }
  .form-mass-action input {display: inline;}
  .form-mass-action select {font-size: 20px;}
  

/* ---------- SURVEYS --------- */

  .survey-list img {float: left; margin-right: 10px;}
  .survey-list img.poll-icon {margin: 0 15px 0 10px;}
  .survey-list p {color: #808080;}
  .survey-list .survey-taken {opacity: 0.5;}
  .survey-list .survey-info { float: left; width: 460px; }

  .survey-reward {float: right; font-weight: bold; text-align: center;}
  .survey-reward .leo-btn {display: block; width: 80px;}
  .survey-reward-slim {padding: 0px 5px 5px;}
    
.survey-progress {
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
  background: #eee; padding: 8px; border: 1px solid #ccc;
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3), inset 0px 10px 10px rgba(255,255,255,0.9);
  margin: 15px 0;
  }
  .survey-progress-title {
    float: left; width: 70px; text-align: right; padding: 10px; color: #fff; font-weight: bold;
    background:#4F93B6 url('/images/footer-bg.png') repeat-x 0 0; line-height: 20px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
  }
  .survey-progress-bar {
    float: left; background: #444; width: 610px;
    -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;
  }
  #survey-progress-bar {
    background: #4F93B6 url('/images/prog_stripe.png'); text-align: right;
    line-height: 40px; color: #fff; padding-right: 4px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;
    -webkit-box-shadow: inset 0px 10px 10px rgba(255,255,255,0.4);
  }
  #profile-survey table {border-collapse: collapse;}
    #profile-survey td {padding: 4px; border-bottom: 1px dotted #ddd;}
    #profile-survey tr:hover td {background: #eee;}
    #profile-survey label {display: block; margin-bottom: 10px; font-size: 16px;}
    #profile-survey input[type=submit] {float: right;}


/* ---------- CAMPAIGN ---------- */

.campaign-about { padding-bottom:30px; border-bottom: 1px solid #ccc; margin-bottom:30px; }
.campaign-about-contents {float: left; width: 520px;}
.campaign-about-contents blockquote {font-style: normal; margin: 0; border-left: 3px solid #ccc; padding-left: 10px; color: #808080;}
.campaign-img {width: 195px; float: right;}
.campaign-about .leo-btn { width: 120px;}

.campaign-supporters ul {margin: 0 0 15px 0; padding: 0;}
  .campaign-supporters li {float: left; list-style: none; padding: 0; margin: 0 10px 10px 0; width: 30px;}
  .campaign-supporters li a {display: block}
.campaign-supporters-big {float: right; width: 195px;}
  .campaign-supporters-big ul {margin: 17px 0 0 0; padding: 0; list-style: none;}
    .campaign-supporters-big li {float: left; list-style: none; padding: 0; margin: 0 5px 5px 0;}
    .campaign-supporters-big li a {display: block; max-height: 60px; max-width: 60px;}

.campaign-promote { float: left; width: 509px;}
  .campaign-promote ol {margin: 0; padding: 0 0 20px 30px; list-style: none;}
    .campaign-promote li {padding: 20px 0; border-bottom: 1px dotted #ccc;}
    .campaign-promote textarea {width: 370px; margin-right: 10px;}
	.campaign-promote li p {color: #808080;}
    .campaign-promote #link {width: 370px; margin-right: 10px;}
    .campaign-promote .numbered { float: left; font-size: 14px; margin: -3px 0 0 -30px; width: 22px; text-align: center; line-height: 22px; background-color: #7EC3EA; color: #fff; text-shadow: 0px -1px 0px #333;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;}

	.share-title { font-size:1.2em; margin-bottom:20px; }
		.share-title span { padding:2px 5px; background-color:#ffb; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

	.campaign-promote-new {float:left; width:509px;}
		.campaign-promote-new form {position:relative;}
		.campaign-promote-new form input[type=submit] {position:absolute; right:6px; bottom:12px;}
		.campaign-promote-new textarea {width:490px; height:80px; margin-bottom:5px;}
		.affiliate-link {position:relative;margin-bottom:20px;}	
			.affiliate-link input {width:490px; font-size:1.4em;}
			.affiliate-link a {position:absolute; right:12px; top:7px;}
		.campaign-promote-new p {overflow:hidden;}
		.campaign-promote-new .posting {background-color:#bfb; padding:15px; overflow:hidden; margin-right:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
	  	.campaign-promote-new .posting span {margin-right:10px;}
	

.campaign-lightbox {padding: 20px;}
	.campaign-lightbox .box-emboss {margin: 0;}

	.campaign-dont ul {margin: 0 0 15px 0; padding: 0; float: left; width: 50%; list-style: none;}
	.campaign-dont ul li {background: url('/images/x.png') no-repeat 0 6px; padding: 0 10px 0 14px;}
	.campaign-dont .fleft {width: 11%;}
	.campaign-dont .fright {width: 89%;}

.campaign-iframe {position: relative; overflow: hidden}
.campaign-overlay {position: absolute; cursor: pointer; top: 34px; width: 100%; height: 100%; background: #000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.campaign-iframe h3 {padding: 0 16px; line-height: 34px; float: left; background-color: #f33; text-shadow: 0 1px 1px #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.campaign-iframe h3 a {color: #fff;}

.campaign-completed {font-size: 12px; color: #86c440;}
	.campaign-completed img {float: none; margin: 0;}

.common-userbox {list-style-type: none; padding: 0; margin: 15px 0 0; overflow: hidden;}
  .common-userbox li {float: left; margin: 0px 10px 10px 0; padding:0; width: 60px; height: 60px; overflow: hidden;}
  .common-userbox li img {margin:0; padding:0; display: block;}
  .common-userbox li a {display: block; margin:0; padding:0;}
  li.andmore60 {
    background:#4F93B6 url('/images/footer-bg.png') repeat-x 0 0; font-weight: bold; font-size: 120%; text-align: center; line-height: 1.2;
    padding: 10px 0; height: 40px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.7);}

.promotional-kit-lb ul {margin: 0; padding: 0;}
	.promotional-kit-lb li {float: left; margin: 0 20px 0 0; padding: 0; list-style: none;}
	.promotional-kit-lb li.last {margin-right: 0;}
	.promotional-kit-lb li img {display: block; margin-bottom: 10px;}
	.promotional-kit-lb li textarea {padding: 0 0 0 5px;}


/* ---------- CAMPAIGN IFRAME ---------- */

#affiliate { background: transparent; position: relative; color: #eee; overflow: hidden; }
.holy-frame { padding-top: 52px; width:100%; 1height: 100%; }
.topbar { background-color: #43AFE2; z-index: 9999; position: absolute; width: 98%; height: 32px; padding: 10px 1%; overflow: hidden; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.85); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.85); box-shadow: 0 2px 5px rgba(0,0,0,0.85); }
.topbar a { font-weight: bold; color: #fff; }
.topbar-user { float: left; border-top: 1px solid #1978A3; border-right: 1px solid #9AD4EF; border-bottom: 1px solid #9AD4EF; border-left: 1px solid #1978A3; }
.topbar-userid { float: left; font-weight: bold; margin-left: 5px; line-height: 32px; }
.topbar-ys { padding: 8px 0; overflow: hidden; float: right; }
.topbar-ys a { margin-left: 10px; }
.guest-wrap { float: right; }
.guest-support { display: table-cell; height: 32px; vertical-align: middle; overflow: hidden;}
.bubble-tip { background: url('/images/bubble-tip.png') no-repeat 0 50%; position: absolute; top: 0; left: -14px; height: 52px; width: 14px; }
.bubble-box { background-color: #fff; position: relative; float: left; max-width: 50%; min-width: 20%; margin: -10px 0 0 19px; }
.bubble-box p { margin: 0 -10px 0 0; padding: 5px 20px 5px 10px; color: #444; height: 42px; background: url('/images/bubble-bg.png') no-repeat 100% 50%; }
.block-user { float: left; margin: 7px 0 7px 15px; text-indent: -9999em; height: 18px; width: 18px; background: url('/images/block-icon.png') no-repeat 50% 50%; }

/* A/B Test styling */
.hide { display: none; }
.testAB .guest-wrap { float: left; padding-right: 20px;}
.testBB .optionAA, .testCB .optionAA { display: none; }
.testBB .optionBB, .testCB .optionCB { display: inline-block; }

/* Admin */

.campaign-form fieldset {padding: 20px 10px 10px;}
.campaign-form legend {float: left; margin:-28px 0 0 -10px; background-color:#fff;}
.campaign-form fieldset p {margin-bottom: 10px; overflow: hidden;}
.campaign-form label {width:25%; float:left; text-align: right; margin-right: 10px;}
.campaign-form label span {display: block; font-size: 0.85em; color: #999; line-height: 1.4;}

.c-usermeta {position:relative;}

.city-selection { display: none; padding: 1%; margin: 10px 0; background: #eee; border: 2px solid #ddd;}

.action-link { visibility: hidden;}
.admin-table tr:hover .action-link { visibility: visible; }
.admin-status {margin: 0px 0 0 10px; padding: 10px; font: normal 13px "Helvetica",arial, sans-serif;}
.admin-status dt {	float: left; width: 150px; line-height: 20px; }
.admin-status dd {	line-height: 20px; }
.admin-status dd img { float: left; margin-right: 5px;}
#campaign-report-admin-page table th img {vertical-align: middle;}
#admin-campaign-table {margin: 10px 0 15px;}
#admin-campaign-table h4 {margin-bottom:0;}
#admin-campaign-table td, #admin-campaign-table th {padding: 4px 8px; border-bottom: 1px solid #ddd; border-right: 1px dotted #ddd; vertical-align: top;}
#admin-campaign-table .big-text {color: #666; text-align: center; font-size: 16px; font-weight: bold; vertical-align: middle;}
#admin-campaign-table .admin-campaign-title	{vertical-align: middle;}
#admin-campaign-table .admin-campaign-title	a {font-size: 16px; color: #383838;}
#admin-campaign-table .admin-campaign-title span a {font-size: 12px; font-weight: normal;}
#admin-campaign-table tr:hover td {background: #eee;}
#admin-campaign-table .cell-centered {text-align: center;}
#admin-campaign-report {margin-bottom: 20px; border-collapse: collapse;}
#admin-campaign-report th, #admin-campaign-report td {text-align: center; padding: 4px 8px; border-bottom: 1px solid #bbb; border-right: 1px dotted #bbb;}
#admin-campaign-report tfoot tr td {background: #eee; font-weight: bold; font-style: normal; border-top: 2px solid #bbb; border-bottom: 4px double #aaa;}
#admin-campaign-report .data-big {font-size: 16px; font-weight: normal;}
#admin-campaign-report td img {padding-right: 5px;}
#admin-hit-report {margin-bottom: 20px; border: 1px solid #bbb; border-collapse: collapse; background: #fff;}
#admin-hit-report th, #admin-hit-report td {text-align: center; padding: 4px 8px; border-bottom: 1px solid #bbb; border-right: 1px dotted #bbb;}
.left-thickborder	{border-left: 2px solid #bbb;}
#admin-hit-report tfoot tr td {background: #eee; font-weight: bold; font-style: normal; border-top: 2px solid #bbb; border-bottom: 4px double #aaa;}
#admin-hit-report .data-big {font-size: 16px; font-weight: normal;}
#admin-survey-table {margin: 10px 0; border-collapse: collapse; border: 1px solid #bbb; background: #fff; font: normal 13px helvetica, arial, sans-serif;}
#admin-survey-table th, #admin-survey-table td {padding: 4px 8px; font-weight: normal; border-bottom: 1px solid #bbb; border-right: 1px dotted #bbb; vertical-align: top; font-style: normal;}
#admin-survey-table th {color: #fff; background: #666;}
.survey-urls input {color: #666; display: block; width: 100%; font-size: 11px; padding: 4px 0px; margin: 0 0 4px 0; border: 1px solid #bbb;}
.survey-statistics {margin: 5px 0;}
.survey-statistics li {float: left; margin-right: 10px; width: 150px;}
#admin-survey-table td.admin-survey-state {text-align: center; font-weight: bold; font-size: 16px;}
#admin-campaign-icon {width: 8%; margin-bottom: 15px; float: left;}
#admin-campaign-data {position: relative; width: 92%; float: right;}
ul#admin-big-meta {margin: 0; padding: 0;}
ul#admin-big-meta>li {text-align: center; background-color: #ddd; font-size: 2em; letter-spacing: -1px;padding: 6px 1.5%; float: left; margin: 0 1% 5px 0; width: 12.83%; overflow: hidden; -moz-border-radius: 8px;-webkit-boder-radius: 8px;border-radius: 8px;}
#campaign-report-admin-page ul.groupsmore>li {width: 10.4%;}
ul#admin-big-meta>li.admin-numemp {background: #cd3c38 url(/images/redbg.png) repeat-x 0 100%;color: #fff;}
ul#admin-big-meta>li.last {margin-right: 0;}
ul#admin-big-meta>li p {margin: 0;}
p.admin-descnum {font-size: 11px; letter-spacing: 0px;}

#admin-bar {color: #fff; position: fixed; bottom: 0; width: 100%; z-index: 5000;}
#admin-menu {border: 1px solid #bbb; border-bottom: 0px none; padding: 0px 15px 0px 40px; margin: 0px auto; width: 1000px; font-size: 11px; color: #333; background: #e2e2e2 url('/images/user_business_32.png') no-repeat 4px 2px;}
#admin-menu a {display: block; float: left; color: #333; padding: 0px 15px; text-shadow: 1px 1px 0px #fff;}
#admin-menu a:hover {text-decoration: none; background-color: #333; color:#fff; text-shadow: 1px 1px 0px #222;}

.admin-table {border-collapse: collapse; border: 1px solid #ddd; font: normal 13px/16px Helvetica, Arial, sans-serif; background: #fff;}
.admin-table th, .admin-table td {padding: 8px; border-right: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.admin-table th {background-color: #c9d9de;}
.admin-table tr:hover td {background-color: #eee;}

.admin-table-filter {float: left;}
.admin-table-filter a.admin-filter {display: block; float: left; padding: 8px 12px; margin: 0 5px 0 0;background-color: #c9d9de; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.admin-table-filter a.current {background-color: #222 !important; color: #fff; font-weight: bold;}
.admin-table-filter .admin-filter-title {float: left; margin-right: 5px; font: normal 16px/26px Helvetica, Arial, sans-serif;}

#admin-gift-manage a.btn-small {float: right !important; width: 100px; }

#admin-gift-table {margin: 6px 0 0 0;}
#admin-gift-table td {font-size: 16px;}
#admin-gift-table td a.btn-small {width: 80px !important; margin: 0px auto !important; float: none !important;}
#admin-gift-table td img {display: block; margin: 0px auto;}

/*prompt */

.prompt-body {padding-top: 50px;}
.prompt-box {width: 440px; margin: 0px auto; position: relative;}
.prompt-box a {text-decoration: underline;}

#post-signup .box-emboss { margin-left: auto; margin-right: auto; width: 65%;}

/* ---------- ABOUT ---------- */

ol.about-content {padding-left: 24px; margin-top: 20px;}
  .about-content li {margin-bottom: 15px;}
  .about-content li h3 {margin-bottom: 10px;}
  
#search-results {}
  #search-results>div {padding: 10px;}
  #search-results h4 {
    color: #666; font-size: 100%; text-transform: uppercase; font-weight: bold;
    border-bottom: 1px solid #ccc; line-height: 1.5; padding-bottom: 5px; margin-bottom: 10px;
  }
  .search-results-list {list-style-type: none; padding: 0; margin:0;}
  .search-results-list li {padding:5px; margin-bottom: 10px;}
  .search-results-list h5 {font-size: 120%; font-weight: bold;}
  p.search-desc {color: #777;}
    p.search-desc img {float: left; margin-right: 5px;}
  p.search-meta {color: #333; font-size: 90%; margin-top: 5px;}
  

/* ---------- BIDDING ---------- */

.box-bid          {color: #333; margin-bottom: 20px; text-shadow: 1px 1px 0 #fff;}
.box-bid ul       {list-style-type: none; padding:0;}
.box-bid li       {
  width: 660px; height: 216px; padding: 30px; position: relative; z-index: 1900;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
  border: 1px solid #ddd;
  }
.box-bid li h2    {font-weight: normal; margin-bottom: 20px;}
.box-bid li p     {padding: 0 40px 0 0; font-size: 130%;}
.box-bid li.bid1  {background: transparent url(/images/bid/t1.png) no-repeat 0 0;}
.box-bid li.bid2  {background: transparent url(/images/bid/t2.png) no-repeat 0 0;}
.box-bid li.bid3  {background: transparent url(/images/bid/t3.png) no-repeat 0 0;}
.box-bid li.bid4  {background: transparent url(/images/bid/t4.png) no-repeat 0 0;}
.box-bid li.bid5  {background: transparent url(/images/bid/t5.png) no-repeat 0 0;}
.box-bid li.bid6  {background: transparent url(/images/bid/t6.png) no-repeat 0 0;}
.box-bid li.bid7  {background: transparent url(/images/bid/t7.png) no-repeat 0 0;}
.box-bid li.bid8  {background: transparent url(/images/bid/t8.png) no-repeat 0 0;}

.box-bid li.bid1 h2 {padding: 0 30px;}
.box-bid li.bid1 p  {padding: 20px 30px;}
.box-bid .btn-learn {width: 160px!important;}
.box-bid .btn-bid-next, .box-bid .btn-bid-prev {position: absolute; bottom: 20px; width: 120px; right: 20px; z-index: 2000;}
.box-bid .btn-bid-prev {left: 20px;}
.box-bid .btn-bid-next:active, .box-bid .btn-bid-prev:active {bottom: 19px;}


/* ---------- SESSION SCREENS ---------- */

.right-side {float: right; width: 30%;}
.left-side {float: left; width: 68%;}


/* ---------- BID CONTEST --------- */

.bid-show-image {position: relative; z-index: 200; overflow: hidden;}
.bid-show-image img {display: block; margin: 5px auto;}
  .bid-complete     {display: block; position: absolute; bottom: -40px; left: 100px; z-index:300;}
  .bid-complete-small     {display: block; position: absolute; top: 30px; left: 10px; z-index:300;}
.bid-form {list-style-type: none; padding: 0; margin: 0;}
.bid-form li {line-height: 24px; padding: 5px 0 0;}
.bid-form li form {padding-top: 10px; border-top: 1px double #bbb;}
.bid-form label, .bid-form li strong {font-weight: bold; display: inline; width: 60px; float: left; line-height: 24px;}
.bid-form input[type=text] {width: 130px; float: left; margin-right: 10px;}

#countdown {
  background: #222; color: #fff; line-height: 1; padding: 8px 4px; margin: 0 0 15px 0;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  font-size: 130%;
}
  
/* Admin */

.survey-urls ul {list-style-type: none; padding:0;}
.survey-urls input[type=text] {width: 100%;}
.survey-statistics {list-style-type: none; padding:0; margin:0;}
td.admin-survey-state {text-transform: uppercase; text-align: center; font-weight: bold; padding-top: 28px;}
.survey-active {color: #598527; background: #f1fce0 url('/images/green_light.png') no-repeat 50% 20% !important;}
.survey-inactive {color: #c51017; background: #ffe7e8 url('/images/red_light.png') no-repeat 50% 20% !important;}

.pagination {margin: 0 auto 20px; text-align: center; overflow: hidden;}
  .pagination a, .pagination span {
    display: inline-block; border: 0 none; padding: 4px 8px; background: #eee; line-height: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .pagination .disabled:hover {color: #fff; border: 0 none; background: #0072bc;}
    .pagination .current, .pagination :hover {color: #fff; background: #0072bc;}


.votes {
	float:left;
	height:55px;
	margin:0 3px 0 0;
	padding:5px;
	width:60px;
	color:#3CADE2;
	text-align:center;
	line-height:40px;
}

.mini-counts {
	font-size:190%;
	font-weight:bold;
	height:25px;
}

.commitment-votes {
	background:none repeat scroll 0 0 #3CADE2;
	border:1px solid #3CADE2;
	text-shadow:1px 1px 0 #2A705A;
	color:#FFFFFF;
	margin:0px 10px;
}

.no-border{
	border:none;
}

.green{
	background:#86C440;
	color:#FFFFFF;
}

.ranks{
	font-size:20px;
	font-weight:800;
}

.currentuser{
	background:#EEEEEE;
}

a.big{
	font-weight:bold;
}